<%-- 
    Document   : index
    Created on : Oct 25, 2011, 9:52:12 AM
    Author     : riiky
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link rel='stylesheet' type='text/css' href='css/default.css'>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>On Sale - One Stop Antique Collector</title>
    </head>
    <body>
        <table border="0" width=100% bgcolor="#272727" cellspacing="0">
            <tr>
                <td width=80% style="background:url('gambar/black.png') repeat-x" height="30px"></td>
                <td class="td1" width=5% heigth="30px"><a style="text-decoration:none;text-align:center;" href="/OnSale/"><font color="white">&nbsp;&nbsp;&nbsp;Home</font></a></td>
                <td class="td2" width=7% heigth="30px"><a style="text-decoration:none;text-align:center;" href="/OnSale/signUp"><font color="white">&nbsp;&nbsp;&nbsp;Sign Up</font></a></td>
                <td class="td3" width=8% heigth="30px"><a style="text-decoration:none;text-align:center;" href="/OnSale/contactUs"><font color="white">&nbsp;&nbsp;&nbsp;Contact Us</font></a></td>
            </tr>
        </table>
        <table border="0" width=100% style="background:url('gambar/header.png'); border-collapse:collapse;">
            <tr>
                <td width=70% height="300"></td>
                <td width=30% height="300" style="background-color:black;opacity:0.6;filter:alpha(opacity=60)"><font color="white">Dapatkan Barang Antik yang unik dan menarik yang tidak akan pernah Anda dapatkan di tempat lain!!</font></td>
            </tr>
        </table>
        <br>
        
        <table border="0" width=100%>
            <tr>
                <td width=25% valign="top">
                    <form action="cariBarang" method="POST">
                    <table border="0" width=100% class="tabel1">
                        <tr>
                            <td height="30px" style="background:url('gambar/orange.png') repeat-x; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" width=100% colspan="3"><font color="white"><b>&nbsp;Search</b></font></td>
                        </tr>
                        <tr>
                            <td width=4% cellpadding="3">Search</td>
                            
                               
                                    <tr><td>
                <input type="text" name="namaBarang" id="cari" /></td>
                                        <td><input class="go" type="submit" value="Go" /></td></tr>
            </table>
                     </form>
        <table border="0" width=100% class="tabel2" style="background:url('gambar/grey.png') repeat-x;">
                        
                        <tr>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td width=10% colspan="3" style="border-top-style: solid; border-top-color: #3f3f3f; border-top-width: 1px;"><font color="#ffba00">Advanced Search</font></td>
                        </tr>
                        <tr>
                            <td width=4%>Kategori</td>
                            <td width=10% colspan="2"><select name="kategori" style="width:210px;">
                                    <option value="guci">Guci</option>
                                    <option value="manik-manik">Manik-manik</option>
                                    <option value="koin">Koin</option>
                                    <option value="meja/lemari">Meja/Lemari</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td width=4%>Tahun</td>
                            <td width=10% colspan="2"><select name="tahun" style="width:100px;">
                                    <option value="1990">1990</option>
                                    <option value="1989">1989</option>
                                    <option value="1988">1988</option>
                                    <option value="1987">1987</option>
                                    <option value="1986">1986</option>
                                    <option value="1985">1985</option>
                                    <option value="1984">1984</option>
                                    <option value="1983">1983</option>
                                    <option value="1982">1982</option>
                                    <option value="1981">1981</option>
                                    <option value="1980">1980</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td width=20%>Rentang Harga</td>
                            <td width=10% colspan="2"><select name="harga" style="width:210px;">
                                    <option value="< 500.000">< 500.000</option>
                                    <option value="500.000-1.000.000">500.000 - 1.000.000</option>
                                    <option value="1.000.000-5.000.000">1.000.000 - 5.000.000</option>
                                    <option value="5.000.000-10.000.000">5.000.000 - 10.000.000</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td width=20%></td>
                            <td width=10% colspan="2"><label><input class="button" type="submit" name="search" value="Search" style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"></label></td>
                        </tr>
                    </table>
                </td>
                <td width=1%></td>
                <td width=70%>
                    <table class="latest" border="0" width=100% style="background:url('gambar/grey.png') repeat-x;background-position:bottom;">
                        <tr>
                            <td width=40& colspan="3" height="30px" style="background:url('gambar/orange.png') repeat-x; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><font color="white"><b>&nbsp;Latest Antique</b></font></td>
                        </tr>
                        <tr>
                            <td width=10% height="150px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><img src="gambar/pedang.jpg" width="170px" height="120px"></p></td>
                            <td width=10% height="150px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><img src="gambar/pipa.jpg" width="170px" height="120px"></p></td>
                            <td width=10% rowspan="6"><p align="center"><img src=""></p></td>
                        </tr>
                        <tr>
                            <td width=10% style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center">PEDANG SAMURAI JEPANG</p></td>
                            <td width=10% style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center">PIPA ROKOK BAHAN GADING GAJAH SUMATERA</p></td>
                        </tr>
                        <tr>
                            <td width=10% height="35px" style="border-bottom-style: solid; border-bottom-color: #3f3f3f; border-bottom-width: 1px; border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><input class="detail" type="submit" value="Click for detail"></p></td>
                            <td width=10% height="35px" style="border-bottom-style: solid; border-bottom-color: #3f3f3f; border-bottom-width: 1px; border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><input class="detail" type="submit" value="Click for detail"></p></td>
                        </tr>
                        <tr>
                            <td width=10% height="150px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><img src="gambar/pedang.jpg" width="170px" height="120px"></p></td>
                            <td width=10% height="150px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><img src="gambar/pedang.jpg" width="170px" height="120px"></p></td>
                        </tr>
                        <tr>
                            <td width=10% style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center">PEDANG SAMURAI JEPANG</p></td>
                            <td width=10% style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center">PEDANG SAMURAI JEPANG</p></td>
                        </tr>
                        <tr>
                            <td width=10% height="35px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><input class="detail" type="submit" value="Click for detail"></p></td>
                            <td width=10% height="35px" style="border-right-style: solid; border-right-color: #3f3f3f; border-right-width: 1px;"><p align="center"><input class="detail" type="submit" value="Click for detail"></p></td>
                        </tr>
                    </table>
                </td>
                <td width=1%></td>
                <td width=20% valign="top">
                    <form action="Login" method="post" id="login">
                        <table class="loginform" border="0" width=20% style="background:url('gambar/grey.png') repeat-x;height:30px">
                            <tr>
                                <td colspan="2" width=100% height="30px" style="background:url('gambar/orange.png') repeat-x; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><font color="white"><b>&nbsp;Login</b></font></td>
                            </tr>
                            <tr>
                                <td colspan="2"> &nbsp;&nbsp;&nbsp;<font color="red">${error3}</font></td>
                            </tr>
                            <tr>
                                <td width=10%>Username</td>
                                <td width=15%><input type="text" name="username" id="username" size="20"></td>
                            </tr>
                            <tr>
                                <td width=10%>Password</td>
                                <td width=15%><input type="password" name="password" id="password" size="20"></td>
                            </tr>
                            <tr>
                                <td width=10%></td>
                                <td width=15%><input class="login" type="submit" value="Login"></td>
                            </tr>
                        </table>
                    </form>
                    <br>
                    <table border="0" width=100% class="kategori" style="background:url('gambar/grey.png') repeat-x;height:30px">
                        <tr>
                            <td colspan="2" width=100% height="30px" style="background:url('gambar/orange.png') repeat-x; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><font color="white"><b>&nbsp;List Kategori</b></font></td>
                        </tr>
                        <tr>
                            <td colspan="2" width=100%>
                                <ul type="disc">
                                    <li><a class="list1" style="text-decoration:none;" href="">Guci</a></li>
                                    <li><a class="list2" style="text-decoration:none;" href="">Manik-manik</a></li>
                                    <li><a class="list3" style="text-decoration:none;" href="">Koin</a></li>
                                    <li><a class="list4" style="text-decoration:none;" href="">Meja/Lemari</a></li>
                                </ul></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br>
        <br>
        <table width=100% border="0" cellpadding="0" style="border-collapse:collapse;">
            <tr>
                <td width=30% height="100" style="border-top-style: solid; border-top-color: #ffae00; border-top-width: 6px;" bgcolor="#202020"></td>
                <td width=40% height="100" style="border-top-style: solid; border-top-color: #ff7800; border-top-width: 6px;" bgcolor="#202020" valign="top"><font color="white"><center>Copyright &copy; 2011 &nbsp;&nbsp;&nbsp;Tim On Sale&nbsp;&nbsp;&nbsp; <a href="http://its.ac.id" class="its" style="text-decoration:none;">Institut Teknologi 10 Nopember Surabaya</a></center></font></td>
        <td width=30% height="100" style="border-top-style: solid; border-top-color: #ffae00; border-top-width: 6px;" bgcolor="#202020"></td>
    </tr>
</table>
</body>
</html>
